<!doctype html>
<!--[if lte IE 7]> <html class="no-js ie67 ie678" lang="zh_cn"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 ie678" lang="zh_cn"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie9" lang="zh_cn"> <![endif]-->
<!--[if gt IE 9]> <!-->
<html class="no-js" lang="zh_cn">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
    <title>测试</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    <link rel="stylesheet" href="css/style.css" media="all">
</head>

<body>

    <header id="header" role="banner" class="line pam">
        <div class="cell">


            <div id="logo" class="pam inbl w18">logo</div>

            <nav id="navigation" role="navigation" class="inbl w50">
                <ul class="">
                    <li class="pam inbl">Picon bière</li>
                    <li class="pam inbl">Melfor</li>
                    <li class="pam inbl">Carola</li>
                    <li class="pam inbl">Kuglof</li>
                    <li class="pam inbl">Wurscht</li>
                </ul>
            </nav>



            <div id="user-toolbar" class="pam inbl w32"></div>


        </div>
    </header>
    <div id="main" role="main" class="line pam">


        <div class="grid">
            <div class="grid5">
                <div id="left">
                    Lorem Elsass ipsum lacus leverwurscht Wurschtsalad mamsell Gal. gewurztraminer turpis, suspendisse commodo Oberschaeffolsheim ornare aliquam semper Miss Dahlias Mauris turpis sagittis kuglopf eleifend dignissim baeckeoffe geht's Richard Schirmeck mollis habitant schnaps ante et sit leo schpeck sit Salu bissame Salut bisamme varius quam. amet elementum nullam bissame bredele Heineken picon bière gal sed risus, condimentum Verdammi ch'ai ac réchime météor barapli s'guelt quam, non Christkindelsmärik blottkopf, Carola tellus rucksack vielmols, Gal !</div>
                <div id="right"> Lorem Elsass ipsum lacus leverwurscht Wurschtsalad mamsell Gal. gewurztraminer turpis, suspendisse commodo Oberschaeffolsheim ornare aliquam semper Miss Dahlias Mauris turpis sagittis kuglopf eleifend dignissim baeckeoffe geht's Richard Schirmeck mollis habitant schnaps ante et sit leo schpeck sit Salu bissame Salut bisamme varius quam. amet elementum nullam bissame bredele Heineken picon bière gal sed risus, condimentum Verdammi ch'ai ac réchime météor barapli s'guelt quam, non Christkindelsmärik blottkopf, Carola tellus rucksack vielmols, Gal !</div>
            </div>
        </div>






    </div>
    <footer id="footer" role="contentinfo" class="line pam txtcenter">
        <div class="cell"> Lorem Elsass ipsum lacus leverwurscht Wurschtsalad mamsell Gal. gewurztraminer turpis, suspendisse commodo Oberschaeffolsheim ornare aliquam semper Miss Dahlias Mauris turpis sagittis kuglopf eleifend dignissim baeckeoffe geht's Richard Schirmeck mollis habitant schnaps ante et sit leo schpeck sit Salu bissame Salut bisamme varius quam. amet elementum nullam bissame bredele Heineken picon bière gal sed risus, condimentum Verdammi ch'ai ac réchime météor barapli s'guelt quam, non Christkindelsmärik blottkopf, Carola tellus rucksack vielmols, Gal !

        </div>

    </footer>

</body>

</html>
